<!-- 旅游攻略 -->
<template>
  <div>
    <global-header-noapp></global-header-noapp>
    <ul class="header">
      <li>
        <navList></navList>
        <search></search>
        <appDownload></appDownload>
      </li>
      <li>
        <banner></banner>
      </li>
    </ul>

    <div class="article">
      <ranking-list></ranking-list>
      <right-article></right-article>
    </div>
    <Footer></Footer>
    <FooterEnd></FooterEnd>
    <back-top></back-top>
  </div>
</template>

<script>
import globalHeaderNoapp from "@/components/GlobalHeader-noapp";
import navList from "@/components/TourismStrategy/navList";
import search from "@/components/TourismStrategy/search";
import appDownload from "@/components/TourismStrategy/appDownload";
import banner from "@/components/TourismStrategy/banner";
import RankingList from "@/components/TourismStrategy/RankingList";
import rightArticle from "@/components/TourismStrategy/rightArticle";
import Footer from "@/components/Footer";
import FooterEnd from "@/components/FooterEnd";
import backTop from '@/components/backTop'
export default {
  data() {
    return {
      letListData: [],
      haveP: []
    };
  },
  methods: {},
  mounted() {},
  components: {
    globalHeaderNoapp,
    navList,
    search,
    appDownload,
    banner,

    RankingList,
    rightArticle,
    Footer,
    FooterEnd,
    backTop
  }
};
</script>
<style scoped lang="stylus" ref="stylesheet/stylus">
.header {
  padding: 20px;
  display: flex;
  width: 1000px;
  margin: auto;
  justify-content: space-between;
}

.article {
  width: 100%;
  display: flex;
  justify-content: center;
}
</style>